<template>
    <div class="wrapper" ref="wrapper">
      <div class="content">
        <slot></slot>
      </div>
    </div>
</template>

<script>
  import BScroll from 'better-scroll'
    export default {
        name: "Scroll",
      data(){
          return{
            scroll:null
          }
      },
      mounted() {
          this.scroll=new BScroll(this.$refs.wrapper,{
          })
      }
    }
</script>

<style scoped>
.wrapper{
  position: relative;
  height: 100%;
}
.content{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x:hidden;
}
</style>
